<div ng-controller="rentagreementDetailController">

    <div ng-show="showNoRent"><rent-agreement></rent-agreement></div>

    <div ng-show="showRent">
        <head_bar></head_bar>
        <div class="base-content-main-2">
            <div class="base-top-text-box">
                <div class="text-main-box-1">
                    <div class="text-title-box">
                        <div class="text-title">
                            租客信息
                        </div>
                        <img class="img-fixed" src="img/apament/edit.png">
                    </div>
                    <div class="content-text">
                        <div class="content-text-title">租客姓名：</div>
                        <div class="content-text-value">{{rentinfoModel.rentName}}</div>
                        <hr class="rent-bottom-line">
                    </div>

                    <div class="content-text">
                        <div class="content-text-title">租客性别：</div>
                        <div class="content-text-value">{{setupSex(rentinfoModel.rentSex)}}</div>
                        <hr class="rent-bottom-line">
                    </div>
                    <div class="content-text">
                        <div class="content-text-title">租客职业：</div>
                        <div class="content-text-value">{{rentinfoModel.rentJob}}</div>
                        <hr class="rent-bottom-line">
                    </div>
                    <div class="content-text">
                        <div class="content-text-title">手机号：</div>
                        <div class="content-text-value">{{rentinfoModel.rentPhone}}</div>
                        <hr class="rent-bottom-line">
                    </div>
                    <div class="content-text">
                        <div class="content-text-title">身份证号：</div>
                        <div class="content-text-value">{{rentinfoModel.rentIdNo}}</div>
                    </div>
                </div>
                <div class="text-main-box">
                    <div class="text-title-box">
                        <div class="text-title">
                            租赁信息
                        </div>
                    </div>
                    <div class="content-text">
                        <div class="content-text-title">租期开始：</div>
                        <div class="content-text-value">{{rentinfoModel.beginTime | date:'yyyy-MM-dd '}}</div>
                        <hr class="rent-bottom-line">
                    </div>

                    <div class="content-text">
                        <div class="content-text-title">租期结束：</div>
                        <div class="content-text-value">{{rentinfoModel.endTime | date:'yyyy-MM-dd '}}</div>
                        <hr class="rent-bottom-line">
                    </div>
                    <div class="content-text">
                        <div class="content-text-title">缴租周期：</div>
                        <div class="content-text-value">{{rentinfoModel.payCycle}}</div>
                        <hr class="rent-bottom-line">
                    </div>
                    <div class="content-text">
                        <div class="content-text-title">月租金：</div>
                        <div class="content-text-value">{{rentinfoModel.monthlyRent}}</div>
                        <hr class="rent-bottom-line">
                    </div>
                    <div class="content-text">
                        <div class="content-text-title">押金：</div>
                        <div class="content-text-value">{{rentinfoModel.deposit}}</div>
                    </div>
                </div>
                <div ng-show="showprotoclinfo"><rent-info></rent-info></div>
                <div ng-show="showNoprotoclinfo">
                    <div class="text-main-box">
                        <div class="text-title-box">
                            <div class="text-title">
                                代扣信息
                            </div>
                        </div>
                        <div class="text-content">
                            <img class="rent-img" src="img/011.png">

                            <div class="rent-text">该用户还未添加代扣信息，请提示租户及时添加！</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="box">
                <div class="img-bottom-title-box">
                    租客信息
                </div>
                <div class="pic-box">
                    <div class="pic-row" ng-repeat="pictures in rentinfoModel.pictures"><img class="pic-row" src="{{pictures}}"/></div>
                </div>
            </div>
            <button class="cancle-btn" ng-click="canclesRentprotocol()">终止协议</button>
        </div>
    </div>
    <div class="base-background"  ng-show="showCanclesRentProtocol">

        <div class="de-content-box">
            <div class="base-window-content-box">
                <div class="base-window-title-box">
                    <div ng-click="showCanclesRentProtocol=false" class="close-container">
                        <img  src="/tribalc-web-apartment/img/close.png">
                    </div>

                    <div class="base-window-head lode-window-head">终止协议</div>
                    <!--<div class="apa-delect-logo" ng-click="$parent.showApamentDelete=false"></div>-->
                </div>
                <div class="apa-text-content" style="  padding: 0 50px;">  终止当前协议将同时终止后续所有协议,请输入当前租客姓名并确认终止</div>
                <div class="apa-confirm-text">
                    <input ng-model="confirmRentName" type="text" placeholder="请输入租客姓名" class="apa-confirm-input">
                </div>
                <div class="apa-number"><input ng-click="makeSureCanclesRentprotocol()" type="button" value="确认终止" class="apa-numbre-button"> </div>
            </div>
        </div>
        <!--<div ng-show="showAlert==true">-->
        <!--<alert></alert>-->
        <!--</div>-->
    </div>
</div>
